<!doctype html>

<html>

<head>

	<meta charset="utf-8">

	<title>房源介绍</title>

	<meta name="keywords" content="">

	<meta name="description" content="">

	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

	<link rel="stylesheet" type="text/css" href="css/reset.css">

    <link rel="stylesheet" type="text/css" href="css/common.css">

    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>

    <style>

        div.pinch-zoom,

        div.pinch-zoom img{

            width: 100%;

            -webkit-user-drag: none;

            text-align:center;

        }

    </style>

</head>

<body>

	<div id="layout">

        <header id="wrapper">

            <div id="endways" class="endways">

                <div class="left" id="head-image">

                    <img src="images/Bitmap@3x.png" alt="">

                </div>

                <div class="right">

                    <p class="village">邮航小区</p>

                    <p class="area">47.2㎡</p>

                    <p class="houseType">2室1厅1卫 </p>

                </div>

            </div>

            <div id="sidewards" class="sidewards">

                 <div class="left">

                    <img src="images/Bitmap@3x.png" alt="">

                </div>

                <div class="right">

                    <p class="village">邮航小区</p>

                    <p class="houseType">2室1厅1卫 </p>

                    <p class="area">47.2㎡</p>

                </div>

            </div>

        </header>

        <div class="button" id="btn-toggle"><p id="toggle"></p></div>

        <main>

            <section id="music" class="music clearfix">

                <div class="row row-right">

                    <audio class="hide" controls>

                        <source src="http://qd.innjia.com:8035/audios/SH179_allHouse.mp3" type="audio/mpeg">

                    </audio>

                    <p class="content"><input type="button" class="play stoped"><span class="active">整体介绍</span></p>

                    <p class="progress stopedIt"></p>

                </div>

                <div class="row row-left" style="top:2.34rem">

                    <audio class="hide" controls>

                        <source src="http://qd.innjia.com:8035/audios/SH179_cookHouse.mp3" type="audio/mpeg">

                    </audio>

                    <p class="content"><input type="button" class="play"><span>厨房</span></p>

                    <p class="progress"></p>

                </div>

                <div class="row row-right" style="top:4.1rem">

                    <audio class="hide" controls>

                        <source src="http://qd.innjia.com:8035/audios/SH179_secondary_bedroom.mp3" type="audio/mpeg">

                    </audio>

                    <p class="content"><input type="button" class="play"><span>次卧</span></p>

                    <p class="progress"></p>

                </div>

                <div class="row row-left" style="top:5.9rem">

                    <audio class="hide" controls>

                        <source src="http://qd.innjia.com:8035/audios/SH179_hallway.mp3" type="audio/mpeg">

                    </audio>

                    <p class="content"><input type="button" class="play"><span>玄关</span></p>

                    <p class="progress"></p>

                </div>

                <div class="row row-right" style="top:7.7rem">

                    <audio class="hide" controls>

                        <source src="http://qd.innjia.com:8035/audios/SH179_bedHouse.mp3" type="audio/mpeg">

                    </audio>

                    <p class="content"><input type="button" class="play"><span>主卧</span></p>

                    <p class="progress"></p>

                </div>

                <div class="row row-left" style="top:9.5rem">

                    <audio class="hide" controls>

                        <source src="http://qd.innjia.com:8035/audios/SH179_dooryard.mp3" type="audio/mpeg">

                    </audio>

                    <p class="content"><input type="button" class="play"><span>天井</span></p>

                    <p class="progress"></p>

                </div>

            </section>

            <section id="word" class="word">

                <div class="section1">

                    <h1>整体介绍</h1>

                    <p>欢迎参观舍艺房屋！您现在所处的位置是上海长宁区虹桥路1077弄，邮航小区6号102室。

                           本屋建筑面积约64.5平米，包括天井赠送的面积，每个区域都有设计师对这套户型提出的优化设计方案。您现在所在的标识1，3和左手边5区域是玄关区，面积为3.6平米。

                    入户有数字引导标识，请您按照数字顺序参观，谢谢！</p>

                </div>

                 <div class="section1">

                    <h1>厨房</h1>

                    <p>您现在所处的位置是厨房区域，本区域整体面积3.9平米，入户门可改动原有结构，舍艺提供您L形或一字型厨房布局方案，供您参考。</p>

                </div>

                 <div class="section1">

                    <h1>次卧</h1>

                    <p>进入4号区域意味着您进入了本套房屋的次卧室位置，次卧面积12.7平米，进门可向内推进35公分，让厨房更加开阔。您可在屋内放置1米8的双人床及2米宽的衣柜。原窗位置也可改成推拉门，增加室内采光及方便进出会客或书房等活动区域。如果您是两口之家，也可考虑将次卧改造成餐厅和吧台休闲区。</p>

                </div>

                 <div class="section1">

                    <h1>玄关</h1>

                    <p>5号区域是本屋的玄关位置，玄关左手边是洗手间，该区在不移动下水位的情况下，可放置洗衣机。玄关尽头空间可做洗手池，干湿分区，方便使用。您的右手边是主卧，同样可以改动房门位置，增加卫生间的区域面积，又能解决坐便器正对房门的问题。</p>

                </div>

                 <div class="section1">

                    <h1>主卧</h1>

                    <p>主卧是房屋的重点之一，本屋主卧面积12.6平米，您可以看到本屋主卧连接着阳台以及天井。房间朝南向阳，房型方正，采光良好。主卧连接的天井可改造为会客区或书房，请您继续朝前进入天井区域。</p>

                </div>

                <div class="section1">

                    <h1>天井</h1>

                    <p>穿过主卧的7号位置，您可以到达天井区域，此区域可改造为会客休闲区或书房，占地约18平米，顶部可用钢化玻璃改造成透明屋顶，改造成阳光房，增加室内采光，非常宽敞舒适。本屋将是您物超所值的首选！</p>

                </div>

            </section>

        </main>

        <div class="big-photo" id="bigPhoto">

             <span id="close" class="close"></span> 

            <div class="pinch-zoom">

                <img src="./images/SH0179/SH0179.jpg"/>

            </div>

        </div>

        <div id="mask" class="mask"></div>

	</div>

</body>

<script>

	function photoScale(selector){

		var selector=$(selector);

        new RTP.PinchZoom(selector, {});

		var screenHeight = window.screen.height;

		selector.height(screenHeight);

		selector.parent().height(screenHeight);

		selector.children('img').css({'position':'absolute','top':'40%','left':'50%','transform':'translate(-50%,-50%)','-webkit-transform':'translate(-50%,-50%)'});

	}

</script>

<script type="text/javascript" src="js/jquery.min.js"></script>

<script type="text/javascript" src="js/pinchzoom.min.js"></script>

<script type="text/javascript" src="js/touch.min.js"></script>

<script type="text/javascript" src="js/common.js"></script>

<script type="text/javascript" src="js/wxConfig.js"></script>

<script type="text/javascript" src="js/index.js"></script>

<script type="text/javascript">

	$(function () {

        photoScale('.pinch-zoom');

   });

    wx.ready(function() { 

        wxinit._onMenuShareTimeline({

            title:'【舍艺】邮航小区6号102室语音导览',

            imgUrl:'http://audio.esheyi.com/SH179/img/sheyi_logo.png'

        });

        wxinit._onMenuShareAppMessage({

            title:'【舍艺】邮航小区6号102室语音导览',

            imgUrl:'http://audio.esheyi.com/SH179/img/sheyi_logo.png',

            desc:'聆听本房源详细信息，专业解读房屋特性，提供解决方案'

        });

    });

    wx.error(function (res) {//错误时调用

        alert(res.errMsg);

    });

    // wx.ready(function() { 

    //     wxinit._onMenuShareTimeline({

    //         title:'【舍艺】邮航小区6号102室语音导览',

    //         imgUrl:'http://wxgzht.esheyi.com/audio/img/sheyi_logo.png'

    //         // imgUrl:'http://bp.esheyi.com/audio/img/sheyi_logo.png'

    //     });

    //     wxinit._onMenuShareAppMessage({

    //         title:'【舍艺】邮航小区6号102室语音导览',

    //         // imgUrl:'http://bp.esheyi.com/audio/img/sheyi_logo.png',

    //         imgUrl:'http://wxgzht.esheyi.com/audio/img/sheyi_logo.png',

    //         desc:'聆听本房源详细信息，专业解读房屋特性，提供解决方案'

    //     });

    // });

    // wx.error(function (res) {//错误时调用

    //     alert(res.errMsg);

    // });

</script>

</html>